<template>
    <div id="Detail">
        <v-details :detailData="data.detailData" :inputConfig="inputConfig" :rules="rules"></v-details>
    </div>
</template>

<script>

    import details from 'commons/Detail'
    import baseMixin from "@/mixins/BaseMixin";

    export default {
        name: "Detail",
        mixins: [baseMixin],
        props: {
            data: {
                type: Object
            }
        },
        data() {
            return {
                whseidflag: false,
                rules: {},
            }
        },
        computed: {
            inputConfig() {
                return [
                    [
                        {
                            type: "input",
                            label: this.$t('config.sequence'),
                            props: "seq",
                            disabled: true
                        }
                    ],
                    [
                        {
                            type: "",
                            label: this.$t('config.batchProp',{no:'01'}),
                        },
                        {
                            type: "",
                            label: this.$t('config.batchProp',{no:'02'}),
                        },
                        {
                            type: "",
                            label: this.$t('config.batchProp',{no:'03'}),
                        },
                        {
                            type: "",
                            label: this.$t('config.batchProp',{no:'04'}),
                        },
                        {
                            type: "",
                            label: this.$t('config.batchProp',{no:'05'}),
                        },
                        {
                            type: "",
                            label: this.$t('config.batchProp',{no:'06'}),
                        },
                        {
                            type: "",
                            label: this.$t('config.batchProp',{no:'07'}),
                        },
                        {
                            type: "",
                            label: this.$t('config.batchProp',{no:'08'}),
                        },
                        {
                            type: "",
                            label: this.$t('config.batchProp',{no:'09'}),
                        },
                        {
                            type: "",
                            label: this.$t('config.batchProp',{no:'10'}),
                        },
                        {
                            type: "",
                            label: this.$t('config.batchProp',{no:'11'}),
                        },
                        {
                            type: "",
                            label: this.$t('config.batchProp',{no:'12'}),
                        },
                    ],
                    [
                        {
                            type: "checkbox",
                            label: this.$t('outbound.lottable01receiptvalidation',{no:'01'}),
                            props: "lottable01receiptvalidation",
                            disabled: this.whseidflag
                        },
                        {
                            type: "checkbox",
                            label: this.$t('outbound.lottable01receiptvalidation',{no:'02'}),
                            props: "lottable03receiptvalidation",
                            disabled: this.whseidflag
                        },
                        {
                            type: "checkbox",
                            label: this.$t('outbound.lottable01receiptvalidation',{no:'03'}),
                            props: "lottable04receiptvalidation",
                            disabled: this.whseidflag
                        },
                        {
                            type: "checkbox",
                            label: this.$t('outbound.lottable01receiptvalidation',{no:'04'}),
                            props: "lottable04receiptvalidation",
                            disabled: this.whseidflag
                        },
                        {
                            type: "checkbox",
                            label: this.$t('outbound.lottable01receiptvalidation',{no:'05'}),
                            props: "lottable05receiptvalidation",
                            disabled: this.whseidflag
                        },
                        {
                            type: "checkbox",
                            label: this.$t('outbound.lottable01receiptvalidation',{no:'06'}),
                            props: "lottable06receiptvalidation",
                            disabled: this.whseidflag
                        },
                        {
                            type: "checkbox",
                            label: this.$t('outbound.lottable01receiptvalidation',{no:'07'}),
                            props: "lottable07receiptvalidation",
                            disabled: this.whseidflag
                        },
                        {
                            type: "checkbox",
                            label: this.$t('outbound.lottable01receiptvalidation',{no:'08'}),
                            props: "lottable08receiptvalidation",
                            disabled: this.whseidflag
                        },
                        {
                            type: "checkbox",
                            label: this.$t('outbound.lottable01receiptvalidation',{no:'09'}),
                            props: "lottable09receiptvalidation",
                            disabled: this.whseidflag
                        },
                        {
                            type: "checkbox",
                            label: this.$t('outbound.lottable01receiptvalidation',{no:'10'}),
                            props: "lottable10receiptvalidation",
                            disabled: this.whseidflag
                        },
                        {
                            type: "checkbox",
                            label: this.$t('outbound.lottable01receiptvalidation',{no:'11'}),
                            props: "lottable11receiptvalidation",
                            disabled: this.whseidflag
                        },
                        {
                            type: "checkbox",
                            label: this.$t('outbound.lottable01receiptvalidation',{no:'12'}),
                            props: "lottable12receiptvalidation",
                            disabled: this.whseidflag
                        },
                    ],
                    [
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01dateformat',{no:'01'}),
                            props: "lottable01dateformat",
                            disabled: this.whseidflag,
                            options: this.getOptions("queryDateformatDropDown"),
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01dateformat',{no:'02'}),
                            props: "lottable02dateformat",
                            disabled: this.whseidflag,
                            options: this.getOptions("queryDateformatDropDown"),
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01dateformat',{no:'03'}),
                            props: "lottable03dateformat",
                            disabled: this.whseidflag,
                            options: this.getOptions("queryDateformatDropDown"),
                        },
                        /*
                         {
                            type: "input",
                            label: " ",
                            props: "",
                            disabled: this.whseidflag,
                        },
                        {
                            type: "input",
                            label: " ",
                            props: "",
                            disabled: this.whseidflag,
                        },
                         */
                        {
                            type: "checkbox",
                            label: "",
                            props: "",
                            hidden: "0",
                            disabled: true
                        },
                        {
                            type: "checkbox",
                            label: "",
                            props: "",
                            hidden: "0",
                            disabled: true
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01dateformat',{no:'06'}),
                            props: "lottable06dateformat",
                            disabled: this.whseidflag,
                            options: this.getOptions("queryDateformatDropDown"),
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01dateformat',{no:'07'}),
                            props: "lottable07dateformat",
                            disabled: this.whseidflag,
                            options: this.getOptions("queryDateformatDropDown"),
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01dateformat',{no:'08'}),
                            props: "lottable08dateformat",
                            disabled: this.whseidflag,
                            options: this.getOptions("queryDateformatDropDown"),
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01dateformat',{no:'09'}),
                            props: "lottable09dateformat",
                            disabled: this.whseidflag,
                            options: this.getOptions("queryDateformatDropDown"),
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01dateformat',{no:'10'}),
                            props: "lottable10dateformat",
                            disabled: this.whseidflag,
                            options: this.getOptions("queryDateformatDropDown"),
                        },
                    ],
                    [
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01receiptconversion',{no:'01'}),
                            props: "lottable01receiptconversion",
                            disabled: this.whseidflag,
                            options: this.getOptions("querycodeLkup/LOTCONPROC"),
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01receiptconversion',{no:'02'}),
                            props: "lottable02receiptconversion",
                            disabled: this.whseidflag,
                            options: this.getOptions("querycodeLkup/LOTCONPROC"),
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01receiptconversion',{no:'03'}),
                            props: "lottable03receiptconversion",
                            disabled: this.whseidflag,
                            options: this.getOptions("querycodeLkup/LOTCONPROC"),
                        },
                        /*
                        {
                            type: "input",
                            label: " ",
                            props: "",
                            disabled: this.whseidflag,
                        },
                        {
                            type: "input",
                            label: " ",
                            props: "",
                            disabled: this.whseidflag,
                        },
                        */
                       {
                            type: "checkbox",
                            label: "",
                            props: "",
                            hidden: "0",
                            disabled: true
                        },
                        {
                            type: "checkbox",
                            label: "",
                            props: "",
                            hidden: "0",
                            disabled: true
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01receiptconversion',{no:'06'}),
                            props: "lottable06receiptconversion",
                            disabled: this.whseidflag,
                            options: this.getOptions("querycodeLkup/LOTCONPROC"),
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01receiptconversion',{no:'07'}),
                            props: "lottable07receiptconversion",
                            disabled: this.whseidflag,
                            options: this.getOptions("querycodeLkup/LOTCONPROC"),
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01receiptconversion',{no:'08'}),
                            props: "lottable08receiptconversion",
                            disabled: this.whseidflag,
                            options: this.getOptions("querycodeLkup/LOTCONPROC"),
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01receiptconversion',{no:'09'}),
                            props: "lottable09receiptconversion",
                            disabled: this.whseidflag,
                            options: this.getOptions("querycodeLkup/LOTCONPROC"),
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.lottable01receiptconversion',{no:'10'}),
                            props: "lottable10receiptconversion",
                            disabled: this.whseidflag,
                            options: this.getOptions("querycodeLkup/LOTCONPROC"),
                        },
                    ]
                ]
            }
        },
        methods: {},
        mounted() {
            if (this.$store.state.wms.toUpperCase().includes('WMWHSE')) {
                //仓库级
                this.whseidflag = true;
            }
        },
        watch: {},
        components: {
            'v-details': details
        }
    }
</script>

<style scoped>

</style>
